<template>
  <div>
    <el-divider><span style="font-size: 12px">其他登录方式</span></el-divider>
    <div style="text-align: center;margin-top: 10px;">
      <el-row>
        <el-col :span="24">
          <wx-login :login-type="loginType" :top-title="topTitle" :tips-title="tipsTitle" :button-title="buttonTitle"></wx-login>
        </el-col>
<!--        <el-col :span="7" :offset="1">-->
<!--          <el-button class="dd-button" type="success" size="small" round style="width: 100%;">-->
<!--            <span>-->
<!--              钉钉登录-->
<!--            </span>-->
<!--          </el-button>-->
<!--        </el-col>-->
<!--        <el-col :span="7" :offset="1">-->
<!--          <el-button class="feishu-button" type="success" size="small" round style="width: 100%;">-->
<!--            飞书登录-->
<!--          </el-button>-->
<!--        </el-col>-->
      </el-row>
    </div>
  </div>
</template>

<script>
import WxLogin from "./wxLogin";
export default {
  name: "login",
  props: {
    loginType: {
      require: false
    },
    topTitle: {
      require: false,
      default: '微信登录'
    },
    tipsTitle: {
      require: false,
      default: '请使用微信扫一扫进行扫码登录'
    },
    buttonTitle: {
      require: false,
      default: '微信扫码登录'
    },
  },
  components: {WxLogin},
  data() {
    return {
      visible: false,
      loginTypeList : ['we_chat']
    }
  },
  created() {
  },
  mounted() {
  },
  methods: {}

}
</script>

<style scoped>
.wx-button {
  width: 100%;
  background-color: rgba(95, 205, 115, 1);
  border-color: rgba(95, 205, 115, 1)
}

.wx-button:hover {
  right: -4px;
  background-color: rgba(95, 205, 115, 0.8);
}

.dd-button {
  width: 100%;
  background-color: rgba(50, 130, 247, 1);
  border-color: rgba(50, 130, 247, 1)
}

.dd-button:hover {
  right: -4px;
  background-color: rgba(50, 130, 247, 0.8);
}

.feishu-button {
  width: 100%;
  background-color: rgba(96, 210, 186, 1);
  border-color: rgba(96, 210, 186, 1)
}

.feishu-button:hover {
  right: -4px;
  background-color: rgba(96, 210, 186, 0.8);
}
</style>
